<template>
		<div class="footer">
			<ul>
				<li><router-link to="/" class="router-link-active"><i class="img1"><img src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/icon(shouye)@2x.png"/></i><i class="img2"><img src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/fzngai.png"/></i><p class="jwsjjianju">首页</p></router-link></li>
				<li><router-link to="/ntarea" class="router-link-active"><i class="img1"><img src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/fenlei.png"/></i><i class="img2"><img src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/hfenlei.png"/></i><p class="jwsjjianju">分类</p></router-link></li>
				<li><router-link to="/ninewei" class="router-link-active"><i class="img1"><img src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/jiuwei.png"/></i><i class="img2"><img src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/zujiu.png"/></i><p class="jwsjjianju">九味食记</p></router-link></li>
				<li><router-link to="/shopping" class="router-link-active"><i class="img1"><img src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/gwc.png"/></i><i class="img2"><img src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/hgwc.png"/></i><p class="jwsjjianju">购物车</p></router-link></li>
				<li><router-link to="/user" class="router-link-active"><i class="img1"><img id="hhh" src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/uesr.png"/></i><i class="img2"><img src="http://liangzhong.oss-cn-hangzhou.aliyuncs.com/newwap/shouye/wode.png"/></i><p class="jwsjjianju">我的</p></router-link></li>
			</ul>
		</div>
</template>

<script>
	export default{
		data(){
			return{
				showimg:0
			}
		},
		methods:{
		}
	}
</script>

<style>
.router-link-active .img2 img{width:0;}
.router-link-exact-active .img2 img{width:0.56rem;}
.router-link-exact-active .img1 img{width:0;}
.jwsjjianju{letter-spacing:0.012rem;}
</style>